<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no" />
  <title>用户登录</title>
  <link rel="shortcut icon" href="./img/logo.png" type="image/png" />
  <link rel="stylesheet" href="./css/common.css" type="text/css" />

  <link rel="stylesheet" href="./css/login.css" type="text/css" />
</head>

<body>
  <div class="box">
    <div class="container">
      <div class="logo-box">
        <img src="./img/logo.png" alt="" />
      </div>
      <div class="title">用户登录</div>
      <div class="login-box">
        <div class="form-item">
          <label for="username">名 称</label>
          <input type="text" id="username" class="username" placeholder="输入用户名" />
        </div>
        <div class="form-item">
          <label for="password">密 码</label>
          <input type="password" id="password" class="password" placeholder="输入密码" />
        </div>
        <div class="form-item btns">
          <div class="check-box">
            <input type="checkbox" class="remember-me" />&nbsp;&nbsp;记住我
          </div>
          <div>
            <button class="submit-btn">登录</button>
            <button class="reset-btn">重置</button>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="./js/login.js"></script>
</body>

</html>